<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/jquery.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/jquery.easyui.min.js"/>"></script>
<script type="text/javascript"
	src="<c:url value="/js/jquery-easyui-1.5.4.2/locale/easyui-lang-zh_CN.js"/>"></script>
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.4.2/themes/default/easyui.css"/>" />
<link rel="stylesheet" type="text/css"
	href="<c:url value="/js/jquery-easyui-1.5.4.2/themes/icon.css"/>" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<body>
	<style>
  /* 设置边框样式 */
div#ext-gen22 {
    border: none;
}
  element.style {
    width: 1360px;
}
.x-panel {
    border-color: #99bbe8;
}
.x-panel {
    border-style: solid;
    border-width: 0;
}
div {
    display: block;
}
body {
    padding: 0px 0px 0px 0px;
    margin: 0px;
    font-family: 微软雅黑, Tahoma;
    font-size: 12px;
    color: #555;
    background-position: left top;
    background-repeat: no-repeat;
    overflow: auto;
}
.x-panel-bwrap {
    overflow: hidden;
    zoom: 1;
    left: 0;
    top: 0;
}
.x-panel-body {
    border: 1px solid;
    border-top: 0 none;
    overflow: hidden;
    position: relative;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.navigCont table {
    table-layout: fixed;
    width: 100%;
    border-bottom: #EED6B7 1px dotted;
    padding: 15px 0px 10px 0px;
}
table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: grey;
}
.navigCont td.head a {
    color: #cc0000;
    text-decoration: underline;
    font-weight: bold;
}
a {
    color: #346DAD;
    text-decoration: none;
    cursor: pointer;
}
.navigCont td.head {
    width: 95px;
    padding-right: 10px;
    vertical-align: top;
    text-align: right;
}
.navigCont td.content a {
    display: -moz-inline-box;
    display: inline-block;
    padding-left: 10px;
}
a:hover {
    color: #FF6666;
    text-decoration: underline;
}
.navigCont td.content em.X1 {
    margin: 0px 0px 5px 5px;
    display: inline-block;
    border-left: 1px solid #ccc;
    width: 120px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}
  </style>
<body>
	 <script type="text/javascript">
		$(function(){
				//添加新的选项卡
				var openTab = function(title, href){
						//先判断是否有没有
				if($("#tt").tabs("exists", title)){
						 //如果有 就选中标题打开已有的
					$("#tt").tabs("select", title);
				}else{
						//未打开，则打开一个新页面
					$("#tt").tabs("add", {
						title: title,
						href: href,
						closable:true
						});
					}
				}
			$(".open").click(function(){
			
				//点击Accordion按钮获得属性
				var opt = $(this).attr("data-value");
				var text = $(this).attr("data-v");
				openTab(text, opt);
			});
		});
	</script> 
<div class="x-panel-body x-panel-body-noheader x-panel-body-noborder" id="ext-gen22" style="overflow: auto; position: relative; ">
			<div id="Panel1_Content" class="">
             <div class="navigCont" id="navigCont"><table cellpadding="0" cellspacing="0">
    <tbody>
    	<tr>
        <td class="head">
            <a>组织结构</a>
        </td>
        <td class="content">
			<a class="open" data-value="login_tissue" data-v="组织结构版本" style="background:white;border:0">组织结构版本</a>
			<a class="open" data-value="login_Train_region" data-v="组织区域" style="background:white;border:0">组织区域</a>
        </td>
    </tr>
</tbody></table>
<table cellpadding="0" cellspacing="0">
    <tbody>
    <tr>
        <td class="head">
            <a>资料</a>
        </td>
        <td class="content">
			<a class="open" data-value="login_Define_Tissue" data-v="定义组织" style="background:white;border:0">定义组织</a>
			<a class="open" data-value="login_Define_position" data-v="定义职位" style="background:white;border:0">定义职位</a>
			<a class="open" data-value="login_Define_Duty" data-v="定义职务" style="background:white;border:0">定义职务</a>
			<a class="open" data-value="login_Define_Skill" data-v="定义技能" style="background:white;border:0">定义技能</a>
        </td>
    </tr>
	</tbody>
</table>
      </div>
 </div>
</div>
</body>
</html>